function pulldown () {
  var pull = document.getElementById('black-npm');
  if (pull.style.top == '-285px') {
    pull.style.top = '-130px';
  } else {
    pull.style.top = '-285px'
  }

}

// 
function enter () {
  var touch = document.getElementsByClassName('big-eyes')
  var leave = document.getElementsByClassName('smile-eyes');
  var shark = document.getElementsByClassName('shark-eyes');
  leave[0].style.opacity = 1;
  touch[0].style.opacity = 0;
  shark[0].style.opacity = 0;
}

function leave () {
  var touch = document.getElementsByClassName('big-eyes');
  var leave = document.getElementsByClassName('smile-eyes');
  var shark = document.getElementsByClassName('shark-eyes');
  leave[0].style.opacity = 0;
  touch[0].style.opacity = 1;
  shark[0].style.opacity = 0;
}

// 身体向下




$('.bear').mousedown(function bear () {
  $(this).addClass('bear-down');
});
$('.bear').mouseup(function bear () {
  $(this).removeClass('bear-down');
});

$('.bear').on('touchstart',function(){
  $(this).addClass('bear-down');
})
$('.bear').on('touchend',function(){
  $(this).addClass('bear-down');
})

// 移动端
// $('.bear').ontouchstart(function bear () {
//   $(this).addClass('bear-down');
// });
// $('.bear').touchend(function bear () {
//   $(this).removeClass('bear-down');
// });

// $(function (){
//   setInterval('change()', 2000)
// });


// var num=$('.big-eyes').css("opacity");
// var num2=$('.shark-eyes').css("opacity");
// function change() {


//     $('.shark-eyes').css("opacity",1);
//     $('.big-eyes').css("opacity",0);


// }

// input
$('#InputPassword1').focus(function () {
  $('#black-npm').css('top', '-130px')
});

$('#InputPassword1').blur(function () {
  $('#black-npm').css('top', '-285px');
  $('.remenber').css('display', 'block');

  $(function () {
    if ($('#InputPassword1').val() == '') {
      $('#InputPassword1').css('border-color', 'red');
    } else {
      $('#InputPassword1').css('border-color', '#357edd');
    }
  })
});











